// 切换两个盒子------------------------------------------
$('.login a').on('click', function () {
    $('.login').hide().siblings('.box').show()
})

$('.register a').on('click', function () {
    $('.register').hide().siblings('.box').show()
})


// 注册功能----------------------------------------------

// let layer = layui.layer
// layer 弹出层是唯一一个不用加载的模块

// 表单提交事件 --> 阻止默认行为 --> 收集数据 --> Ajax提交

$('.register form').on('submit', function (e) {
    e.preventDefault()
    // 收集表单数据
    let data = $(this).serialize()
    console.log(data);

    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            layer.msg(res.message, {
                time: 2000
            }, function () {
                if (res.status === 0) {
                    $('.register form')[0].reset()
                    $('.login').show().siblings('.box').hide()
                }
            })
            // alert(res.message)
            
        }
    })
})

// 自定义验证规则------------------------------------------

// 1.加载form模块
let form = layui.form

form.verify({
    user: [/^\w{2,10}$/, '用户名只能是数字字母，且2~10位'],
    pass: [/^\S{6,10}$/, '密码6~12位且不能有空格'],
    same: function (abc) {
        if ($('.pwd').val() !== abc) {
            return '两次密码不一致'
        }
    }
})

// 登录------------------------------------------------------

$('.login form').on('submit', function (e) {
    e.preventDefault()
    
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: $(this).serialize(),
        success: function (res) {
            console.log(res);
            layer.msg(res.message, {
                time: 2000 //2秒关闭（如果不配置，默认是3秒）
              }, function(){
                //do something
                if (res.status === 0) {

                    // 登录成功，存储token
                    localStorage.setItem('token', res.token)
                    location.href = './index.html'
                    
                }
              });   
                    
            // alert(res.message)
            
        }
    })
})

